<script setup>

</script>

<template>
     <div>
        <div class="h1" ></div>
        <button class="frontcover">
            <span class="cap">​<svg width="1.2em" height="1.2em" viewBox="0 0 24 24" data-new-api="CameraFill24" data-old-api="Camera" class="Camera" fill="currentColor"><path d="M7.394 4.814A2.41 2.41 0 019.65 3.25h4.7a2.41 2.41 0 012.256 1.564l.539 1.436h2.195a2.41 2.41 0 012.41 2.41v9.68a2.41 2.41 0 01-2.41 2.41H4.66a2.41 2.41 0 01-2.41-2.41V8.66a2.41 2.41 0 012.41-2.41h2.195l.539-1.436zM13.5 13a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm1.5 0a3 3 0 11-6 0 3 3 0 016 0z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>上传封面图片
          </button>
     </div>
</template>

<style scoped="scoped">
    .frontcover{
        width: 133px;
        height: 32px;
         font-size: 14px;
         line-height: 32px;
         cursor: pointer;
         background: none;
         border: 1px solid;
         border-radius: 3px;
         position: absolute;
         top: 21px;
         left: 1090px;
         padding-left: 30px;
         box-sizing: border-box;
     }
     .Camera{
       background-color: rgb(153, 153, 153);
       position: absolute;
       top:7px;
       left: 15px;
     }
     .cap{
       background-color: rgb(153, 153, 153);
     }

     .h1 {
        width: 1000px;
        height: 132px;
        background-color: rgb(153, 153, 153);
      }
</style>